<template>
  <div>
    <common-list :API="API" :key_word="key_word">
      <template v-slot="{ list }">
        <articleList :list="list"></articleList>
      </template>
    </common-list>
  </div>
</template>

<script>
import { searchApi as API } from "@/api/search";
import articleList from "@/components/ArticleList/index.vue";
import CommonList from "@/components/CommonList/index.vue";
export default {
  name: "SearchList",
  components: {
    [CommonList.name]: CommonList,
    [articleList.name]: articleList,
  },
  data() {
    return {
      API,
    };
  },
  computed: {
    key_word() {
      return this.$route.query.key_word;
    },
  },

  methods: {},
};
</script>

<style></style>
